<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小红书 - 标记我的生活</title>
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="../js/font_r7ncg5fi5rg/iconfont.css">
  <link rel="shortcut icon" href="../js/标题.ico">
  <link rel="stylesheet" href="../css/登录窗口.css">
  <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
  <!-- 背景 -->
  <video src="../js/背景视频.mp4" autoplay loop muted poster="" class="v"></video>


  <!-- --------------------------------------- -->

  <!-- 头部导航栏 -->
  <div class="header">
    <!-- logo区域 -->
    <img src="../js/logo.png" alt="" class="logo">
    <div class="k"></div>
    <!-- 导航区域 -->
    <ul class="daoH">
      <li><a href="../HTML/index.html" target="_blank">首页</a></li>
      <li><a href="../HTML/faxian.html" target="_blank">发现</a></li>
      <li><a href="../HTML/专业号平台.html" target="_blank" ; class="a">业务合作</a></li>
      <li><a href="../HTML/创作者中心.html" class="b" target="_blank">创作者服务</a></li>
      <li><a href="../HTML/cy.html" target="_blank">新闻中心</a></li>
      <li><a href="../HTML/关于我们.html" target="_blank">关于我们</a></li>
      <li><a href="#">社会责任</a></li>
      <li><a href="#">加入我们</a></li>
      <li><a href="#">中文</a></li>
    </ul>
    <!-- 业务合作
    <ul class="business">
      <li><a href="../HTML/专业号平台.html" target="_blank">专业号</a></li>
      <li><a href="">推广合作</a></li>
      <li><a href="">蒲公英</a></li>
      <li><a href="">商家入驻</a></li>
      <li><a href="">MCN入驻</a></li>
    </ul>

    创作者服务
    <ul class="serve">
      <li><a href="../HTML/创作者中心.html" target="_blank">数据查看</a></li>
      <li><a href="../HTML/创作者中心.html" target="_blank">数据上传</a></li>
      <li><a href="">电脑直播</a></li>
      <li><a href="">直播管理</a></li>
    </ul> -->
    <!-- 登录区域 -->
    <div class="dengLu">
      <img src="../js/登录.png" alt="" class="deng">
      <img src="../js/未登录.png" alt="" class="wei">
    </div>
  </div>

  <!-- 中间 -->
  <div class="middle">
    <div class="iphone">
      <img src="../js/3ca6607e-d4a5-4cb9-b455-a746713d8283.png" alt="">
      <div class="mp4">
        <video src="../js/new5.27.mp4" autoplay loop muted poster></video>
      </div>
      <div class="shouji"></div>

    </div>
    <!-- 两行字 -->
    <div class="log">
      <img src="../js/logo.png" alt="">
      <p>标记我的生活</p>

      <!-- 苹果 -->
      <div class="ma">
        <div class="apple">
          <p class="iconfont icon-iconfontapple"> ios 版</p>
          <div class="ewm2"><img src="../js/二维码.png" alt=""></div>
        </div>
        <!-- 安卓 -->
        <div class="az">
          <p class="iconfont icon-anzhuo"> Androin 版</p>
          <div class="ewm1"><img src="../js/二维码.png">
          </div>
        </div>
      </div>

    </div>
  </div>

  <!-- 底部 -->
  <div class="footer">
    <!-- top -->
    <ul class="top">
      <li><a href="">用户协议</a></li>
      <li><a href="">隐私政策</a></li>
      <li><a href="">侵权投诉指引</a></li>
      <li><a href="">社区规范</a></li>
    </ul>
    <!-- bottom  -->
    <div class="bottom">
      <span>
        <a href="">沪ICP备 13030189号 Copyright © 2014-2023 行吟信息科技（上海）有限公司
        </a>
        <a href="">
          |地址:上海市黄浦区马当路388号C座
        </a>
        <a href="">
          |电话:021-64224530
        </a>
        <a href="">
          |营业执照
        </a>
        <a href="">
          |自营经营者信息
        </a>
        <a href="">
          |2023 沪公网安备 31010102002533号
        </a>
        <a href=""><img src="../js/徽章.png" alt=""></a>
      </span>
      <span>
        <a href="">
          网络文化经营许可证：沪网文［2021］1545-113号
        </a>
        <a href="">
          |增值电信业务经营许可证：沪B2-20150021
        </a>
      </span>
      <span>
        <a href="">
          医疗器械经营许可证：沪嘉食药监械经营许20187006号
        </a>
        <a href="">
          |医疗器械网络交易服务第三方平台备案:（沪）网械平台备字[2019]第00006号
        </a>
        <a href="">
          |互联网药品信息服务资格证书：(沪)-经营性-2018-0011
        </a>
      </span>
      <span>
        <a href="">
          违法不良信息举报电话：(027) 8700 3878
        </a>
        <a href="">|上海市互联网举报中心</a>
        <a href="">|网上有害信息举报专区</a>
      </span>
    </div>
  </div>

  <div class="zc" style="opacity: 0;z-index: -1; ">
    <!-- 遮罩层 -->
    <i class="reds-mask"></i>
    <div class="login-container">
      <!-- 关闭 -->
      <div class="gb">×</div>
      <!-- 左边 -->
      <div class="left">
        <!-- logo -->
        <img src="../images/zc1.png" alt="" class="logo">
        <div class="qrcode">
          <img src="../images/zc2.png" alt="" class="qrcode-img">
          <img src="../images/zc3.png" alt="" class="icon">
        </div>
        <img src="../images/zc4.png" alt="" class="tip">
      </div>
      <!-- 右边 -->
      <div class="right">
        <!-- 标题 -->
        <div class="title">验证码登录</div>
        <!-- input框 -->
        <div class="input-container">
          <label class="phone">
            <span class="country-code">
              +86
            </span>
            <input type="text" placeholder="输入手机号" class="tel" maxlength="11"
              onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
            <div>
              <i class="iconfont icon-chacha" style="color: #d6d6d6;"></i>
            </div>
          </label>
          <div class="err-msg"></div>
          <label class="auth-code">
            <input type="text" placeholder="输入验证码" class="num" maxlength="6"
              onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
            <span class="code-button">发送验证码</span>
          </label>
          <div class="err-msg"></div>
          <button class="submit">登录</button>
        </div>
        <!-- 用户协议 -->
        <div class="agreements">
          <div class="danxuan" style="width: 14px; height: 14px;">
            <i class="iconfont icon-duigouxiao" style="opacity: 0;"></i>
          </div>
          <div class="tooltip">
            <i></i>
            <span>请阅读并勾选隐私协议</span>
          </div>
          <label for="">我已阅读并同意</label>
          <a href="https://agree.xiaohongshu.com/h5/terms/ZXXY20220331001/-1">《用户协议》</a>
          <a href="https://agree.xiaohongshu.com/h5/terms/ZXXY20220509001/-1">《隐私政策》</a>
          <a href="https://oa.xiaohongshu.com/h5/terms/ZXXY20220516001/-1">《儿童/青少年个人信息保护规则》</a>
        </div>
      </div>
    </div>
  </div>




  <script src="../js/index.js"></script>
  <script src="../js/登录窗口.js"></script>
</body>

</html>